
<?php
$images = $this->images;
$count_images = $this->count_images;
$count_images++;
//print_r($this->count_images);
//die;
$i = 1;
?>
<?//print_r($images); die;?>
<script type="text/javascript">
$(document).ready(function(){
	var myPhotoSwipe = $("#Gallery a").photoSwipe({ enableMouseWheel: false , enableKeyboard: false });
});


//document.addEventListener('DOMContentLoaded', function(){
//
//Code.photoSwipe('a', '#Gallery');
//Code.PhotoSwipe.Current.show(0);
//}, false);
</script>



<div data-role="page" data-add-back-btn="true" id="Gallery1" class="gallery-page" data-theme="<?=$this->currentTheme;?>">
    <div data-role="header" data-theme="<?=$this->currentTheme;?>">
        <h1>Gallery</h1>
<!--        <a href="/mobile/" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-left jqm-home">Home</a>-->
<!--        <a href="/mobile/search" data-icon="search" class="ui-btn-right" >Search</a>-->
        </div>
    <div data-role="content">
        <ul id="Gallery" style="list-style-type: none;padding:0;margin:0;display:block;">
            <? foreach($images as $key=>$image):?>
                <? if($key>5)continue; ?>
                <li><a href="http://russianexpress.info<?=$image['url']?>" rel="external"><img style="width:100%;" src="http://russianexpress.info<?=$image['url']?>" alt="Page <?=$key+1 ?>"/></a></li>
            <? endforeach; ?>
        </ul>
    </div>


</div>

